<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en" xmlns:javaee="http://xmlns.jcp.org/xml/ns/javaee" xmlns:vdldoc="http://vdldoc.omnifaces.org" xmlns:fo="http://www.w3.org/1999/XSL/Format">
    <head>
        <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>monacoEditorFramed (com.github.blutorange:primefaces.monaco VDL Documentation)
			</title>
        <meta name="keywords" content="$title">
        <link rel="stylesheet" type="text/css" title="Style" href="../stylesheet.css">
    </head>
    <body>
        <noscript>
            <div>JavaScript is disabled on your browser.</div>
        </noscript>
        <div class="topNav">
            <a name="navbar_top"></a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow"></a>
            <ul class="navList" title="Navigation">
                <li>
                    <a href="../overview-summary.html">Overview</a>
                </li>
                <li>
                    <a href="tld-summary.html">Library</a>
                </li>
                <li class="navBarCell1Rev">Tag</li>
                <li>
                    <a href="../help-doc.html">Help</a>
                </li>
            </ul>
        </div>
        <div class="subNav">
            <ul class="navList">
                <li>
                    <a target="_top" href="../index.html?primefaces-blutorange/monacoEditorFramed.html">
									Frames
								</a>
                </li>
                <li>
                    <a target="_top" href="monacoEditorFramed.html">
									No Frames
								</a>
                </li>
            </ul>
            <ul class="navList" id="alltags_navbar_top">
                <li>
                    <a href="../alltags-noframe.html">All Tags</a>
                </li>
            </ul>
            <div>
                <script type="text/javascript">
								document.getElementById("alltags_navbar_top").style.display = (window == top) ? "block" : "none";
							</script>
            </div>
            <a name="skip-navbar_top"></a>
        </div>
        <div class="header">
            <h1 title="Library" class="title">primefaces-blutorange</h1>
            <h2 class="title">
							Tag
							monacoEditorFramed</h2>
        </div>
        <div class="contentContainer">
            <div class="description">
                <ul class="blockList">
                    <li class="blockList">
                        <dl>
                            <dt>Description:</dt>
                            <dd>
                                <div class="block">
            A JSF component that wraps the JavaScript libary <a href="https://microsoft.github.io/monaco-editor/">Monaco Editor</a>.
                Requires <a href="https://www.primefaces.org/">Primefaces</a> to be available in the class path. See also the
                <a href="https://blutorange.github.io/primefaces-monaco/typedoc/index.html">client-side API documentation</a> This
                renders the editor inside an iframe for improved encapsulation, as the monaco editor library and its settings are window global.
                This also mean that you cannot get access to the monaco editor instance from the PrimeFaces widget. However,
                the widget offers a method <code>invokeMonaco(methodName, ...params)</code> that lets you call a method on the monaco editor instance
                in the iframe - the method parameters are sent via <code>postMessage</code>. Note, however, that this does
                not work for method that takes a non-data object as a parameter or returns such an object (ie an object
                that cannot be structurally cloned). 
            
        </div>
                            </dd>
                        </dl>
                    </li>
                </ul>
            </div>
            <div class="summary">
                <table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Component summary table, listing component information">
                    <caption>
                        <span>Component Information</span><span class="tabEnd">&nbsp;</span>
                    </caption>
                    <thead>
                        <tr>
                            <th class="colFirst" scope="col">Info</th><th class="colLast" scope="col">Value</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr class="rowColor">
                            <td class="colFirst">Component Type</td><td class="colLast"><code>com.github.blutorange.primefaces.component.MonacoEditorFramed</code></td>
                        </tr>
                        <tr class="altColor">
                            <td class="colFirst">Handler Class</td><td class="colLast"><i>None</i></td>
                        </tr>
                        <tr class="rowColor">
                            <td class="colFirst">Renderer Type</td><td class="colLast"><code>com.github.blutorange.primefaces.component.MonacoEditorFramedRenderer</code></td>
                        </tr>
                        <tr class="altColor">
                            <td class="colFirst">Description</td><td class="colLast"><i>None</i></td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="summary">
                <table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Attribute summary table, listing attribute information">
                    <caption>
                        <span>Attributes</span><span class="tabEnd">&nbsp;</span>
                    </caption>
                    <thead>
                        <tr>
                            <th class="colFirst">Name</th><th class="colOne">Required</th><th class="colOne">Type</th><th class="colLast">Description</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr id="id" class="rowColor">
                            <td class="colFirst"><a href="#id"><code>id</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.String</code>)
					</td><td class="colLast">
                Unique identifier of the component in a naming container.
            </td>
                        </tr>
                        <tr id="rendered" class="altColor">
                            <td class="colFirst"><a href="#rendered"><code>rendered</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.Boolean</code>)
					</td><td class="colLast">
                Boolean value to specify the rendering of the component, when set to false component will not be rendered.
            </td>
                        </tr>
                        <tr id="style" class="rowColor">
                            <td class="colFirst"><a href="#style"><code>style</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.String</code>)
					</td><td class="colLast">
                CSS style(s) to be applied when this component is rendered.
            </td>
                        </tr>
                        <tr id="styleClass" class="altColor">
                            <td class="colFirst"><a href="#styleClass"><code>styleClass</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.String</code>)
					</td><td class="colLast">
                Space-separated list of CSS style class(es) to be applied when this element is rendered.
                This value is passed through as the "class" attribute to the generated markup.
            </td>
                        </tr>
                        <tr id="binding" class="rowColor">
                            <td class="colFirst"><a href="#binding"><code>binding</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>javax.faces.component.UIComponent</code>)
					</td><td class="colLast">
                An EL expression referring to a server side UIComponent instance in a backing bean.
            </td>
                        </tr>
                        <tr id="widgetVar" class="altColor">
                            <td class="colFirst"><a href="#widgetVar"><code>widgetVar</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.String</code>)
					</td><td class="colLast">
                Name of the client side widget.
            </td>
                        </tr>
                        <tr id="value" class="rowColor">
                            <td class="colFirst"><a href="#value"><code>value</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.Object</code>)
					</td><td class="colLast">
                Value of the component.
            </td>
                        </tr>
                        <tr id="readonly" class="altColor">
                            <td class="colFirst"><a href="#readonly"><code>readonly</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.Boolean</code>)
					</td><td class="colLast">
                Defines if the editor is readonly.
            </td>
                        </tr>
                        <tr id="disabled" class="rowColor">
                            <td class="colFirst"><a href="#disabled"><code>disabled</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.Boolean</code>)
					</td><td class="colLast">
                Defines if the editor is disabled.
            </td>
                        </tr>
                        <tr id="tabindex" class="altColor">
                            <td class="colFirst"><a href="#tabindex"><code>tabindex</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.String</code>)
					</td><td class="colLast">
                The tab index to assign to the editor. If not given, no tab index will be assigned.
            </td>
                        </tr>
                        <tr id="converter" class="rowColor">
                            <td class="colFirst"><a href="#converter"><code>converter</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>javax.faces.convert.Converter</code>)
					</td><td class="colLast">
                An EL expression or a literal text that defines a converter for the component. When it's an EL
                expression, it's resolved to a converter instance. In case it's a static text, it must refer to a
                converter id.
            </td>
                        </tr>
                        <tr id="required" class="altColor">
                            <td class="colFirst"><a href="#required"><code>required</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.Boolean</code>)
					</td><td class="colLast">
                Marks component as required.
            </td>
                        </tr>
                        <tr id="requiredMessage" class="rowColor">
                            <td class="colFirst"><a href="#requiredMessage"><code>requiredMessage</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.String</code>)
					</td><td class="colLast">
                Message to display when required field validation fails.
            </td>
                        </tr>
                        <tr id="converterMessage" class="altColor">
                            <td class="colFirst"><a href="#converterMessage"><code>converterMessage</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.String</code>)
					</td><td class="colLast">
                Message to display when conversion fails.
            </td>
                        </tr>
                        <tr id="validatorMessage" class="rowColor">
                            <td class="colFirst"><a href="#validatorMessage"><code>validatorMessage</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.String</code>)
					</td><td class="colLast">
                Message to display when validation fails.
            </td>
                        </tr>
                        <tr id="validator" class="altColor">
                            <td class="colFirst"><a href="#validator"><code>validator</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>javax.faces.validator.Validator</code>)
					</td><td class="colLast">
                A method expression referring to a method validating the input.
            </td>
                        </tr>
                        <tr id="onFocus" class="rowColor">
                            <td class="colFirst"><a href="#onFocus"><code>onFocus</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.String</code>)
					</td><td class="colLast">
                Client side callback when the editor area receives focus.
                Please not that the callback is run in the context of the main window, not in the iframe context.
            </td>
                        </tr>
                        <tr id="onBlur" class="altColor">
                            <td class="colFirst"><a href="#onBlur"><code>onBlur</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.String</code>)
					</td><td class="colLast">
                Client side callback when the editor area loses focus.
                Please not that the callback is run in the context of the main window, not in the iframe context.
            </td>
                        </tr>
                        <tr id="onChange" class="rowColor">
                            <td class="colFirst"><a href="#onChange"><code>onChange</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.String</code>)
					</td><td class="colLast">
                Client side callback when the editor content changes.
                Please not that the callback is run in the context of the main window, not in the iframe context.
            </td>
                        </tr>
                        <tr id="onPaste" class="altColor">
                            <td class="colFirst"><a href="#onPaste"><code>onPaste</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.String</code>)
					</td><td class="colLast">
                Client side callback when text was pasted into the editor.
                Please not that the callback is run in the context of the main window, not in the iframe context.
            </td>
                        </tr>
                        <tr id="onMousedown" class="rowColor">
                            <td class="colFirst"><a href="#onMousedown"><code>onMousedown</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.String</code>)
					</td><td class="colLast">
                Client side callback when a mousedown event was triggered on the editor area.
                Please not that the callback is run in the context of the main window, not in the iframe context.
            </td>
                        </tr>
                        <tr id="onMousemove" class="altColor">
                            <td class="colFirst"><a href="#onMousemove"><code>onMousemove</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.String</code>)
					</td><td class="colLast">
                Client side callback when a mousemove event was triggered on the editor area.
                Please not that the callback is run in the context of the main window, not in the iframe context.
            </td>
                        </tr>
                        <tr id="onMouseup" class="rowColor">
                            <td class="colFirst"><a href="#onMouseup"><code>onMouseup</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.String</code>)
					</td><td class="colLast">
                Client side callback when a mouseup event was triggered on the editor area.
                Please not that the callback is run in the context of the main window, not in the iframe context.
            </td>
                        </tr>
                        <tr id="onKeyup" class="altColor">
                            <td class="colFirst"><a href="#onKeyup"><code>onKeyup</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.String</code>)
					</td><td class="colLast">
                Client side callback when a keyup event was triggered on the editor area.
                Please not that the callback is run in the context of the main window, not in the iframe context.
            </td>
                        </tr>
                        <tr id="onKeydown" class="rowColor">
                            <td class="colFirst"><a href="#onKeydown"><code>onKeydown</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.String</code>)
					</td><td class="colLast">
                Client side callback when a keydown event was triggered on the editor area.
                Please not that the callback is run in the context of the main window, not in the iframe context.
            </td>
                        </tr>
                        <tr id="onKeypress" class="altColor">
                            <td class="colFirst"><a href="#onKeypress"><code>onKeypress</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.String</code>)
					</td><td class="colLast">
                Client side callback when a keypress (onDidType) event was triggered on the editor area.
                Please not that the callback is run in the context of the main window, not in the iframe context.
            </td>
                        </tr>
                        <tr id="uiLanguage" class="rowColor">
                            <td class="colFirst"><a href="#uiLanguage"><code>uiLanguage</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.String</code>)
					</td><td class="colLast">
                Interface for the user interface. Built-in languages are "bg", "de", "en", "es", "fr", "hu", "it", "ja", "ko", "ps", "pt-br", "ru", "tr", "uk", "zh-hans", and "zh-hant".
                To use a custom language or translation, you can specify the language file to be used via the option <code>uiLanguageUri</code>.
            </td>
                        </tr>
                        <tr id="uiLanguageUri" class="altColor">
                            <td class="colFirst"><a href="#uiLanguageUri"><code>uiLanguageUri</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.String</code>)
					</td><td class="colLast">
                For custom language files. If given, this is used instead of the built-in language files. It is
                prefixed with the appropriate base URL (eg. <code>http://.../java.faces.resources/</code>), but you need to
                append the <code>.xhtml</code> suffix yourself. If the resource is inside a resource library, specify the
                URL parameter <code>ln</code>, eg. <code>mylang.js.xhtml?ln=mylib</code>. See the built-in language files
                for the format (<code>/META-INF/resources/primefaces-blutorange/monacoEditor/locale/</code>).
            </td>
                        </tr>
                        <tr id="extender" class="rowColor">
                            <td class="colFirst"><a href="#extender"><code>extender</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.String</code>)
					</td><td class="colLast">
                
                <p>An extender object to further customize the monaco editor via JavaScript. This must be an URL to a
                    JavaScript file with the extender. The JavaScript file is loaded inside the iframe context and must
                    (synchronously, ie. upon its evaluation) set the object `MonacoEnvironment.Extender` to the extender
                    object that is to be used.
                </p>
                The extender object may have one or more of several properties.
                <ul>
                <li>beforeCreate(monacoContext, options). Called before the monaco editor is created. It is passed
                the current options object that would be used to initialize the monaco editor. If this callback
                does not return a value, the options as passed are used. If it returns a new options object, that
                options object is used. If it returns a thenable/Promise, the monaco editor is created only once the
                Promise resolves (successfully). If the Promise returns a new options object, it is used to create the
                editor. See <a href="https://microsoft.github.io/monaco-editor/api/interfaces/monaco.editor.ieditorconstructionoptions.html">IEditorConstructionOptions</a>
                for all editor options.</li>
                <li>afterCreate(monacoIframeContext). Called after the editor was created.</li>
                <li>beforeDestroy(monacoIframeContext). Called before the editor is destroyed, eg. when updating a component via AJAX.</li>
                <li>afterDestroy(monacoIframeContext). Called after the editor is destroyed, eg. when updating a component via AJAX. Note that <code>editorWidget.getMonaco()</code> now returns undefined.</li>
                <li>createEditorOverrideServices(monacoIframeContext, options). Called when the monaco editor is created. May return an object with services that should be overriden. See <a href="https://github.com/Microsoft/monaco-editor/issues/935#issuecomment-402174095">here on github</a> for details on the available services. The options are the editor constructor options that will be used to create the editor, they are readonly and must not be changed.</li>
                <li>createModel(monacoIframeContext, options). Called when a model needs to retrieved or created. The options contains <code>value</code> (current value that should be set on the model by the extender), <code>url</code> (default URL that was determined for the model), <code>language</code> (requested code language), and <code>editorOptions</code> (monaco editor constructor options). Should return the model. When it returns nothing, the default mechanism for creating a model is used. Note that <code>editorWidget.getMonaco()</code> returns undefined as the monaco editor was not created yet.</li>
                <li>createWorker(monacoIframeContext, moduleId, label). Called when a worker for additional language support needs to be created. By default, monaco editor ships with the workers for JSON, CSS, HTML, and TYPESCRIPT. The label is the name of the language, eg. <code>css</code> or <code>javascript</code>. Must return the worker to be used for the given language. Note that <code>editorWidget.getMonaco()</code> returns undefined as the monaco editor was not created yet.</li>
                </ul>
                All methods of the extender are evaluated in the iframe context, so the widget instance is not available.
                The monacoIframeContext is an object with one main method: <code>getMonaco()</code>. Use this method to
                get the current monaco editor instance and interact with the editor. 
                
            </td>
                        </tr>
                        <tr id="scheme" class="altColor">
                            <td class="colFirst"><a href="#scheme"><code>scheme</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.String</code>)
					</td><td class="colLast">
                The monaco editor has a unique URI for an opened model. This is the scheme (protocol) for that URI. Defaults to <code>inmemory</code>.
            </td>
                        </tr>
                        <tr id="directory" class="rowColor">
                            <td class="colFirst"><a href="#directory"><code>directory</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.String</code>)
					</td><td class="colLast">
                The monaco editor has a unique URI for an opened model. This is the directory (path) for that URI, with parts separated by slashes. If not given, it is taken from the client ID of this component.
            </td>
                        </tr>
                        <tr id="basename" class="altColor">
                            <td class="colFirst"><a href="#basename"><code>basename</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.String</code>)
					</td><td class="colLast">
                The monaco editor has a unique URI for an opened model. This is the basename for that URI, without the extension. If not given, default to 'file'.
            </td>
                        </tr>
                        <tr id="extension" class="rowColor">
                            <td class="colFirst"><a href="#extension"><code>extension</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.String</code>)
					</td><td class="colLast">
                The monaco editor has a unique URI for an opened model. This is the extension for that URI, with or without the period. If not given, it is inferred from the (code) language.
            </td>
                        </tr>
                        <tr id="width" class="altColor">
                            <td class="colFirst"><a href="#width"><code>width</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.String</code>)
					</td><td class="colLast">
                Width of the editor CSS units, set as an inline style. Set to the empty string in case you want to size the editor via CSS.
            </td>
                        </tr>
                        <tr id="height" class="rowColor">
                            <td class="colFirst"><a href="#height"><code>height</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.String</code>)
					</td><td class="colLast">
                Height of the editor CSS units, set as an inline style. Set to the empty string in case you want to size the editor via CSS.
            </td>
                        </tr>
                        <tr id="editorOptions" class="altColor">
                            <td class="colFirst"><a href="#editorOptions"><code>editorOptions</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>com.github.blutorange.primefaces.config.monacoeditor.EditorOptions</code>)
					</td><td class="colLast">
                Options for the monaco code editor. This is a simple wrapper around the TypeScript API, see
                <a href="https://microsoft.github.io/monaco-editor/api/interfaces/monaco.editor.ieditorconstructionoptions.html">IEditorConstructionOptions</a>
                The code language can be set via the <code>javascript</code> option.
            </td>
                        </tr>
                        <tr id="autoResize" class="rowColor">
                            <td class="colFirst"><a href="#autoResize"><code>autoResize</code></a></td><td class="colOne"><code>false</code></td><td class="colOne"><code>javax.el.ValueExpression</code>
                                <br>
                                (<i>must evaluate to </i><code>java.lang.Boolean</code>)
					</td><td class="colLast">
                If <code>true</code>, resizes the editor automatically when the iframe element changes its size.
                Please note that this makes uses of the <a href="https://wicg.github.io/ResizeObserver/">new ResizeObserver API</a>
                and <a href="https://caniuse.com/#feat=resizeobserver">works only in newer browers.</a> Otherwise, search
                for a polyfill or resize the editor manually via <code>PF("editorWidgetVar").getMonaco().layout()</code>
            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="bottomNav">
            <a name="navbar_bottom"></a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow"></a>
            <ul class="navList" title="Navigation">
                <li>
                    <a href="../overview-summary.html">Overview</a>
                </li>
                <li>
                    <a href="tld-summary.html">Library</a>
                </li>
                <li class="navBarCell1Rev">Tag</li>
                <li>
                    <a href="../help-doc.html">Help</a>
                </li>
            </ul>
        </div>
        <div class="subNav">
            <ul class="navList">
                <li>
                    <a target="_bottom" href="../index.html?primefaces-blutorange/monacoEditorFramed.html">
									Frames
								</a>
                </li>
                <li>
                    <a target="_bottom" href="monacoEditorFramed.html">
									No Frames
								</a>
                </li>
            </ul>
            <ul class="navList" id="alltags_navbar_bottom">
                <li>
                    <a href="../alltags-noframe.html">All Tags</a>
                </li>
            </ul>
            <script type="text/javascript">
							document.getElementById("alltags_navbar_bottom").style.display = (window == top) ? "block" : "none";
						</script><a name="skip-navbar_bottom"></a>
        </div>
        <p class="about">
            Output generated by <a href="http://vdldoc.omnifaces.org" target="_blank">Vdldoc</a> View Declaration Language Documentation Generator.
        </p>
    </body>
</html>
